<template>
  <div class="tab-box">
    <tabTypeFirst v-bind="$attrs" v-on="$listeners" v-if="tabType===1" />
    <tabTypeSecond v-bind="$attrs" v-on="$listeners" v-else-if="tabType===2" />
    <tabTypeThird v-bind="$attrs" v-on="$listeners" v-else-if="tabType===3" />
  </div>
</template>
<script>
import data_tabType_first from "./component/data-tabType-first/index.vue";
import data_tabType_second from "./component/data-tabType-second/index";
import data_tabType_third from "./component/data-tabType-third/index";
export default {
  name: "data-v-tab",
  props: {
    tabType: {
      type: Number,
      default: 1
    }
  },
  components: {
    tabTypeFirst: data_tabType_first,
    tabTypeSecond: data_tabType_second,
    tabTypeThird:data_tabType_third
  },
  created() {}
};
</script>